<template>
	<div class="pt-3 item-content" ref="el">
		<div
			class="w-full bg-[rgba(150,165,170,.15)] rounded-lg"
			:style="{ height: width + 'px' }"></div>
		<div class="flex pt-[6px] text-[10px] items-center">
			<div class="w-6 h-6 rounded-full bg-[rgba(150,165,170,.15)]"></div>
			<div class="flex-1 ml-1 min-w-0">
				<div class="w-full h-[10px] rounded-sm bg-[rgba(150,165,170,.15)]"></div>
				<div class="w-full mt-1 h-[10px] rounded-sm bg-[rgba(150,165,170,.15)]"></div>
			</div>
		</div>
	</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { useElementSize } from '@vueuse/core'

const el: any = ref(null)
const { width } = useElementSize(el)
</script>
